{#{% extends "_layout/base.html" %}#}
{% extends 'basic/component.html' %}
{% load static %}
{% load i18n %}

{% block pageTitle %}
    {% trans 'Machine Learning Platform' %}
{% endblock %}

{% block pageHeadExtra %}
    {#  <link rel="shortcut icon" href="{% static 'favicon.ico' %}">#}

    <!-- CSS -->
    {#  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">#}
    {#  <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>#}
    {#  <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">#}
    <link href="https://cdn.bootcss.com/jquery.perfect-scrollbar/0.8.1/css/perfect-scrollbar.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery.perfect-scrollbar/0.8.1/js/perfect-scrollbar.jquery.min.js"></script>
{#    <link rel="stylesheet" href="{% static 'css/mlplatform/font-awesome.min.css' %}">#}
    <link rel="stylesheet" href="{% static 'css/mlplatform/animate.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/mlplatform/style.css' %}">
{#    <link rel="stylesheet" href="{% static 'css/basic/header_footer.css' %}">#}
    <link rel="stylesheet" href="{% static 'css/mlplatform/basestyle.css' %}">
    <link rel="stylesheet" href="{% static 'css/basic/header_footer.css' %}">
    <link href="{% static 'css/modal-dialog.css' %}" rel="stylesheet">
    {#  <link href="{% static 'css/main.css' %}" rel="stylesheet">#}
    <link href="{% static 'css/mlplatform/square/green.css' %}" rel="stylesheet">

    {#    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />#}
    {#    <link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">#}
    {#    <link rel="stylesheet" type="text/css" href="css/build.css">#}

{% endblock %}

{% block pageBody %}
{#    {% include 'basic/header.html' %}#}
    {#    {% include '_component/header.html' %}#}
    <div class="page container">
        <form name="Big" onsubmit="return false;">
    {% csrf_token %}
{#  <div class="page container">#}
      <div class="panel panel-success">
          <div class="panel-body">
              <div class="panel panel-info">
                  <div class="row">
                      <div class="col-xs-12">
                          <div class="col-xs-3">
                            <h3 id="section-1">{% trans 'Select Datasets' %}</h3>
                        </div>
                          <div class="pagi" style="float: right">
                              <ul id="dataset_paginator"></ul>
                          </div>
                          <div class="col-xs-4" style="float: right">
                              <div class="input-group input-group-sm">
                                  <input id="ds-search-text" type="text" class="form-control"
                               placeholder="{% trans 'Search for' %}...">
                                  <span class="input-group-btn">
                                      <button id="ds-search-btn" class="btn btn-default" type="button">
                                          <i class="fa fa-search"></i>{% trans 'Search' %}</button>
                                  </span>
                                    <span class="input-group-btn">
                                      <button id="ds-upload-btn" class="btn btn-default" type="button" onclick="location.href='{% url 'storage:upload_dataset' %}'">
                                          <i class="fa fa-upload"></i>{% trans 'Upload' %}</button>
                                  </span>
                                    </div>

                                </div>

                                <div class="income_box" id="income_box">
                                </div>
                                <hr>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-success">
                        <h3 id="section-3">{% trans 'Select Label' %}</h3>
                        <div class="row">
                            <div class="col-lg-10" id="att-result">
                            </div>
                        </div>
                    </div>
                </div>
      </div>
      <div class="panel panel-success">
          <div class="panel-body">
              <h2>{% trans 'Select algorithm or automatic learning model' %}</h2>
              <ul class="nav nav-pills nav-justified">
                  <li class="active">
                      <a href="#by-algorithm" data-toggle="tab">
                          <i class="fa fa-building"></i>
                          {% trans 'By algorithm' %}
                      </a>
                  </li>
                  <li>
                      <a href="#by-automl" data-toggle="tab">
                          <i class="fa fa-file-text"></i>
                          {% trans 'By Automl' %}
                      </a>
                  </li>
              </ul>
              <div class="dividing"></div>
              <div class="tab-content clearfix">
                  <div id="by-algorithm" class="tab-pane active">
                      <div>
                          <!-- Begin #services-section -->
                          <div id="services" class="services-section section-global-wrapper">
                              <h3 id="section-2" class="text-left">{% trans 'Select Algorithm' %}</h3>
                              <!-- Begin Services Row 1 -->
                              <div class="row services-row services-row-head services-row-1">
                                  <div data-toggle="tooltip" title="{% trans 'Click to expand or collapse' %}"
                                       onclick="HideDiv(collapseOne,hidediv1)">
                                      <h4 id="section-5" class="una text-left animated fadeInLeft"
                                                data-toggle="collapse" data-parent="#accordion"
                                                href="#collapseOne">{% trans 'Classification' %}
                                                <i class="fa fa-chevron-circle-up" id="hidediv1"
                                                   style="float: right"></i>
                                      </h4>
                                  </div>
                                  <div id="collapseOne" class="panel-collapse collapse in">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_svm,svm,ra0)" style="cursor: pointer">
                                                <div class="services-group wow animated fadeInLeft" id="svm"
                                                     data-wow-offset="40"
                                                     style="transform: perspective(750px)">
                              <span class="spra" style="float: left">
                                <label>
                                <input class="ra_radio" style="float: left" id="ra0" type="radio" name="ra"
                                       value="SVM"/>
                                </label>
                              </span>
                                                    <button class="btn btn-link" name="btn_Ag" type="button" id="bt_svm"
                                                            onclick="ChangeColor(bt_svm,svm,ra0)">
                                                        <p class="services-icon"><span
                                                                class="fa fa-object-group fa-5x"></span></p>
                                                    </button>

                                                    {#右上角修改参数按钮#}
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#svm_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">{% trans 'SVM' %}</h4>
                                                    <p class="services-body">{% trans 'SVM is a common method of discriminating,which is usually used for pattern recognition,classification and regression.' %}</p>
                                                    <p class="services-more"><a
                                                            href="https://baike.baidu.com/item/SVM">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_mlp,mlp,ra1)" style="cursor: pointer">
                                                <div class="services-group wow animated zoomIn" id="mlp"
                                                     data-wow-offset="40">
                                                    {#                <span class="del glyphicon glyphicon-minus-sign" id="rem1" style="float: left"#}
                                                    {#                      onclick="cf(mlp,ra1,rem1)"></span>#}
                                                    <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra1" type="radio" name="ra" value="MLPC"/>
                            </span>
                                                    <button class="btn btn-link" name="btn_Ag" type="button" id="bt_mlp"
                                                            onclick="ChangeColor(bt_mlp,mlp,ra1)">
                                                        <p class="services-icon"><i
                                                                class="fa fa-american-sign-language-interpreting fa-5x"></i>
                                                        </p>
                                                    </button>
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#layerPer_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">{% trans 'Multi-layerPerceptron' %}</h4>
                                                    <p class="services-body">{% trans 'MLP can be seen as a logistic regression classifier,and usually used for classification and regression.' %}</p>
                                                    <p class="services-more"><a href="">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_lr,lr,ra2)" style="cursor: pointer">
                                                <div class="services-group wow animated fadeInRight" id="lr"
                                                     data-wow-offset="40">
                              <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra2" type="radio" name="ra" value="GPC"/>
                            </span>
                                                    <button class="btn btn-link" name="btn_Ag" id="bt_lr" type="button"
                                                            onclick="ChangeColor(bt_lr,lr,ra2)">
                                                        <p class="services-icon"><span
                                                                class="fa fa-sitemap fa-5x"></span></p>
                                                    </button>
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#gausspro_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">GPC</h4>
                                                    <p class="services-body">{% trans 'The Gaussian process is a general supervised learning method designed primarily to solve classification problems.' %}</p>
                                                    <p class="services-more"><a href="">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                              <!-- End Serivces Row 1 -->

                              <!-- Begin Services Row 2 -->
                                <div class="row services-row services-row-tail services-row-2">

                                        <div data-toggle="tooltip" title="{% trans 'Click to expand or collapse' %}"
                                             onclick="HideDiv(collapseTwo,hidediv2)">
                                            <h4 id="section-5" class="una text-left animated fadeInLeft"
                                                data-toggle="collapse" data-parent="#accordion"
                                                href="#collapseTwo">{% trans 'Regression' %}
                                                <i class="fa fa-chevron-circle-up" id="hidediv2"
                                                   style="float: right"></i>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse in">

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_line,gp,ra3)" style="cursor: pointer">
                                                <div class="services-group wow animated fadeInLeft" id="gp"
                                                     data-wow-offset="40">
                              <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra3" type="radio" name="ra"
                                     value="Linear"/>
                            </span>
                                                    <button class="btn btn-link" name="btn_Ag" id="bt_line"
                                                            type="button" onclick="ChangeColor(bt_line,gp,ra3)">
                                                        <p class="services-icon"><i class="fa fa-thumbs-o-up fa-5x"></i>
                                                        </p>
                                                    </button>
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#logreg_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">LinearRegression</h4>
                                                    <p class="services-body">{% trans 'Linear regression is a relatively simple regression model that can achieve regression tasks.' %}</p>
                                                    <p class="services-more"><a href="#">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_logr,logr,ra4)" style="cursor: pointer">
                                                <div class="services-group wow animated zoomIn" id="logr"
                                                     data-wow-offset="40">
                              <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra4" type="radio" name="ra"
                                     value="Bayes"/>
                            </span>
                                                    <button class="btn btn-link" name="btn_Ag" id="bt_logr"
                                                            type="button" onclick="ChangeColor(bt_logr,logr,ra4)">
                                                        <p class="services-icon">
                                                            <i class="fa fa-eye fa-5x"></i>
                                                        </p>
                                                    </button>
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#bayes_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">BayesRegression</h4>
                                                    <p class="services-body">{% trans 'Bayesian regression techniques can be used to include regular parameters in the estimation process.' %}</p>
                                                    <p class="services-more"><a href="">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                                 onclick="ChangeColor(bt_gr,gr,ra5)" style="cursor: pointer">
                                                <div class="services-group wow animated zoomIn" id="gr"
                                                     data-wow-offset="40">
                                                    {#                .#}
                                                    <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra5" type="radio" name="ra"
                                     value="Ridge"/>
                              </span>
                                                    <button class="btn btn-link" name="btn_Ag" id="bt_gr" type="button"
                                                            onclick="ChangeColor(bt_gr,gr,ra5)">
                                                        <p class="services-icon">
                                                            <i class="fa fa-tree fa-5x"></i>
                                                        </p>
                                                    </button>
                                                    <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                          data-target="#ridge_model"
                                                          style="float: right"></span>
                                                    <h4 class="services-title">RidgeRegression</h4>
                                                    <p class="services-body">{% trans 'Ridge regression is an improved least squares estimation method.' %}</p>
                                                    <p class="services-more"><a href="">{% trans 'Find Out More' %}</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                              <!-- End Serivces Row 2 -->
                            {#修改20180717#}
                            <!-- Begin Services Row 3 -->
                            <div class="row services-row services-row-tail services-row-3">
                                <div data-toggle="tooltip" title="{% trans 'Click to expand or collapse' %}"
                                     onclick="HideDiv(collapseThree,hidediv3)">
                                    <h4 id="section-5" class="una text-left animated fadeInLeft"
                                        data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseThree">{% trans 'Clustering' %}
                                        <i class="fa fa-chevron-circle-up" id="hidediv3"
                                           style="float: right"></i>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse in">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                         onclick="ChangeColor(bt_kmeans,kan,ra6)" style="cursor: pointer">
                                        <div class="services-group wow animated fadeInLeft" id="kan"
                                             data-wow-offset="40">
                        <span class="spra" style="float: left">
                        <input class="ra_radio" style="float: left" id="ra6" type="radio" name="ra"
                               value="KMeans"/>
                      </span>
                                            <button class="btn btn-link" name="btn_Ag" id="bt_kmeans"
                                                    type="button" onclick="ChangeColor(bt_kmeans,kan,ra6)">
                                                <p class="services-icon"><i
                                                        class="fa fa-object-ungroup fa-5x"></i></p>
                                            </button>
                                            <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                  data-target="#kmean_model"
                                                  style="float: right"></span>
                                            <h4 class="services-title">K-means</h4>
                                            <p class="services-body">{% trans 'K-means is to discover the relationship between data objects in the data, group the data, and determine the clustering effect.' %}</p>
                                            <p class="services-more"><a
                                                    href="https://baike.baidu.com/item/K-means">{% trans 'Find Out More' %}</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Serivces Row 3 -->
                            <!-- Begin Services Row 4 -->
                            <div class="row services-row services-row-tail services-row-4">
                                <div data-toggle="tooltip" title="{% trans 'Click to expand or collapse' %}"
                                     onclick="HideDiv(collapseFour,hidediv4)">
                                    <h4 id="section-5" class="una text-left animated fadeInLeft"
                                        data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseFour">{% trans 'Feature extraction' %}
                                        <i class="fa fa-chevron-circle-up" id="hidediv4"
                                           style="float: right"></i>
                                    </h4>
                                </div>
                                <div id="collapseFour" class="panel-collapse collapse in">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                         onclick="ChangeColor(bt_pca,pca,ra7)" style="cursor: pointer">
                                        <div class="services-group wow animated fadeInLeft" id="pca"
                                             data-wow-offset="40">
                    <span class="spra" style="float: left">
                    <input class="ra_radio" style="float: left" id="ra7" type="radio" name="ra" value="PCA"/>
                  </span>
                                            <button class="btn btn-link" name="btn_Ag" id="bt_pca" type="button"
                                                    onclick="ChangeColor(bt_pca,pca,ra7)">
                                                <p class="services-icon"><i
                                                        class="fa fa-pied-piper-pp fa-5x"></i></p>
                                            </button>
                                            <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"
                                                  data-target="#pca_model"
                                                  style="float: right"></span>
                                            <h4 class="services-title">PCA</h4>
                                            <p class="services-body">{% trans 'PCA mainly implements dimensionality reduction processing on high-dimensional data, and then extracts features.' %}</p>
                                            <p class="services-more"><a
                                                    href="https://baike.baidu.com/item/K-means">{% trans 'Find Out More' %}</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Serivces Row 4 -->
                            <!-- Begin Services Row 5 -->
{#                            <div class="row services-row services-row-tail services-row-5">#}
{#                                <div data-toggle="tooltip" title="{% trans 'Click to expand or collapse' %}"#}
{#                                     onclick="HideDiv(collapseFive,hidediv5)">#}
{#                                    <h4 id="section-5" class="una text-left animated fadeInLeft"#}
{#                                        data-toggle="collapse" data-parent="#accordion"#}
{#                                        href="#collapseFive">{% trans 'Feature selection' %}#}
{#                                        <i class="fa fa-chevron-circle-up" id="hidediv5"#}
{#                                           style="float: right"></i>#}
{#                                    </h4>#}
{#                                </div>#}
{#                                <div id="collapseFive" class="panel-collapse collapse in">#}
{#                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"#}
{#                                         onclick="ChangeColor(bt_ref,ref,ra8)" style="cursor: hand">#}
{#                                        <div class="services-group wow animated fadeInLeft" id="ref"#}
{#                                             data-wow-offset="40">#}
{#                    <span class="spra" style="float: left">#}
{#                      <input class="ra_radio" style="float: left" id="ra8" type="radio" name="ra" value="REF"/>#}
{#                    </span>#}
{#                                            <button class="btn btn-link" name="btn_Ag" id="bt_ref" type="button"#}
{#                                                    onclick="ChangeColor(bt_ref,ref,ra8)">#}
{#                                                <p class="services-icon"><i class="fa fa-modx fa-5x"></i></p>#}
{#                                            </button>#}
{#                                            <span class="rtt glyphicon glyphicon-cog" data-toggle="modal"#}
{#                                                  data-target="#ref_model"#}
{#                                                  style="float: right"></span>#}
{#                                            <h4 class="services-title">Removing features with low variance</h4>#}
{#                                            <p class="services-body">{% trans 'Removing features with low variance, that is, low variance filtering feature selection.' %}</p>#}
{#                                            <p class="services-more"><a#}
{#                                                    href="https://blog.csdn.net/suv1234/article/details/72721069">{% trans 'Find Out More' %}</a>#}
{#                                            </p>#}
{#                                        </div>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
                                    <!-- End Serivces Row 5 -->
                                    {#                    </div>#}
                                </div>
                            </div>
                            <!-- End #services-section -->
                            <div>
                                <input type="button" id="btnSubmit" name="btnSubmit" class="Sub_Form"
                                       value="{% trans 'Submit' %}"/>
                            </div>
                        </div>
                  <div id="by-automl" class="tab-pane">
                            <div>
                                <!-- Begin #services-section -->
                                <div id="services" class="services-section section-global-wrapper">
                                    <h3 id="section-2" class="text-left">{% trans 'Select Task Type' %}</h3>
                                    <!-- Begin Services Row 1 -->
                                    <div class="row services-row services-row-head services-row-1">

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                             onclick="AutoML(bt_class,classfication,ra9)" style="cursor: pointer">
                                            <div class="services-group wow animated fadeInLeft" id="classfication"
                                                 data-wow-offset="40"
                                                 style="transform: perspective(750px)">
                              <span class="spra" style="float: left">
                                <label>
                                <input class="ra_radio" style="float: left" id="ra9" type="radio" name="ra"
                                       value="AUTO_CLASS"/>
                                </label>
                              </span>
                                                <button class="btn btn-link" name="btn_Ag" type="button" id="bt_class"
                                                        onclick="AutoML(bt_class,classfication,ra9)">
                                                    <p class="services-icon"><span class="fa fa-cogs fa-5x"></span></p>
                                                </button>

                                                {#右上角修改参数按钮#}
                                                <span class="fa fa-cog fa-spin" data-toggle="modal"
                                                      data-target="#classfication_model"
                                                      style="float: right"></span>
                                                <h4 class="services-title">{% trans 'Classfication' %}</h4>
                                                <p class="services-body">{% trans 'The classification in automatic learning is mainly used for the purpose of classifying the data set to achieve classification.' %}</p>
                                                <p class="services-more"><a
                                                        href="https://baike.baidu.com/item/SVM">{% trans 'Find Out More' %}</a>
                                                </p>
                                            </div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"
                                             onclick="AutoML(bt_pre,prediction,ra10)" style="cursor: pointer">
                                            <div class="services-group wow animated zoomIn" id="prediction"
                                                 data-wow-offset="40">
                              <span class="spra" style="float: left">
                              <input class="ra_radio" style="float: left" id="ra10" type="radio" name="ra"
                                     value="AUTO_REG"/>
                            </span>
                                                <button class="btn btn-link" name="btn_Ag" type="button" id="bt_pre"
                                                        onclick="AutoML(bt_pre,prediction,ra10)">
                                                    <p class="services-icon"><i class="fa fa-bar-chart fa-5x"></i></p>
                                                </button>
                                                <span class="fa fa-cog fa-spin" data-toggle="modal"
                                                      data-target="#prediction_model"
                                                      style="float: right"></span>
                                                <h4 class="services-title">{% trans 'Regression' %}</h4>
                                                <p class="services-body">{% trans 'Regression in automatic learning is mainly used for regression operations on your dataset attributes.' %}</p>
                                                <p class="services-more"><a href="">{% trans 'Find Out More' %}</a></p>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- End Serivces Row 1 -->
                                </div>
                            </div>
                            <div>
                                <input type="button" id="TaskSubmit" name="btnSubmit" class="Sub_Form"
                                       value="{% trans 'Commit' %}"/>
                            </div>
                        </div>
              </div>
          </div>
      </div>
        </form>
{#        <button class="label-info" onclick="window.location.href='{% url 'mlplatform:test' %}'" style="float: right">Jupyter</button>#}
    </div>

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="svm_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">C</label>
                                <input type="text" class="form-control" id="svm0" name="svm0" placeholder="1.0"
                                       value="1.0">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="svm1" class="input-group-addon" id="cs2">kernel</label>
                                <select class="form-control" name="svm1" id="svm1">
                                    <option value="rbf" selected>rbf</option>
                                    <option value="linear">linear</option>
                                    <option value="poly">poly</option>
                                    <option value="sigmoid">sigmoid</option>
                                    <option value="precomputed">precomputed</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="svm2" class="input-group-addon" id="cs2">decision_function_shape</label>
                                <select class="form-control" name="svm2" id="svm2">
                                    <option value="ovo">ovo</option>
                                    <option value="ovr" selected>ovr</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="svm3" class="input-group-addon" id="cs2">max_iter</label>
                                <input type="text" class="form-control" id="svm3" name="svm3" placeholder="-1"
                                       value="-1">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="svm4" class="input-group-addon" id="cs2">random_state</label>
                                <input type="text" class="form-control" id="svm4" name="svm4" placeholder="1" value="1">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {#Multi-layerPerceptron#}
    <div class="modal fade" id="layerPer_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp0" class="input-group-addon" id="cs1">activation</label>
                                <select class="form-control" name="layerp0" id="layerp0">
                                    <option value="identity">identity</option>
                                    <option value="logistic">logistic</option>
                                    <option value="tanh">tanh</option>
                                    <option value="relu" selected>relu</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp1" class="input-group-addon" id="cs2">solver</label>
                                <select class="form-control" name="layerp1" id="layerp1">
                                    <option value="lbfgs">lbfgs</option>
                                    <option value="sgd">sgd</option>
                                    <option value="adam" selected>adam</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp2" class="input-group-addon" id="cs3">alpha</label>
                                <input type="text" class="form-control" id="layerp2" name="layerp2" placeholder="0.0001"
                                       value="0.0001">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp3" class="input-group-addon" id="cs4">learning_rate</label>
                                <select class="form-control" name="layerp3" id="layerp3">
                                    <option value="constant">constant</option>
                                    <option value="invscaling" selected>invscaling</option>
                                    <option value="adaptive">adaptive</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp4" class="input-group-addon" id="cs5">max_iter</label>
                                <input type="text" class="form-control" id="layerp4" name="layerp4" placeholder="200"
                                       value="200">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="layerp5" class="input-group-addon" id="cs6">random_state</label>
                                <input type="text" class="form-control" id="layerp5" name="layerp5" placeholder="None">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(layerp0,layerp1,layerp2,layerp3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    {#GaussianProcess#}
    <div class="modal fade" id="gausspro_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    {#          添加表单#}
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="gausspro0" class="input-group-addon" id="cs1">max_iter_predict</label>
                                <input type="text" class="form-control" id="gausspro0" name="gausspro0"
                                       placeholder="100" value="100">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="gausspro1" class="input-group-addon" id="cs2">random_state</label>
                                <input type="text" class="form-control" id="gausspro1" name="gausspro1"
                                       placeholder="None">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="gausspro2" class="input-group-addon" id="cs2">multi_class</label>
                                <select class="form-control" name="gausspro2" id="gausspro2">
                                    <option value="one_vs_rest" selected>one_vs_rest</option>
                                    <option value="one_vs_one">one_vs_one</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(gausspro0,gausspro1,gausspro2,'')"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    {#LogisticRegression#}
    <div class="modal fade" id="logreg_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    {#          添加表单#}
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="logist0" class="input-group-addon" id="cs1">fit_intercept</label>
                                <select class="form-control" name="logist0" id="logist0">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="logist1" class="input-group-addon" id="cs2">normalize</label>
                                <select class="form-control" name="logist1" id="logist1">
                                    <option value="True">True</option>
                                    <option value="False" selected>False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="logist2" class="input-group-addon" id="cs3">copy_X</label>
                                <select class="form-control" name="logist2" id="logist2">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(logist0,logist1,logist2,logist3)"
                           data-dismiss="modal"/>
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# Bayes #}
    <div class="modal fade" id="bayes_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    {#          添加表单#}
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">n_iter</label>
                                <input type="text" class="form-control" id="bayes0" name="bayes0" placeholder="300"
                                       value="300">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="bayes1" class="input-group-addon" id="cs2">fit_intercept</label>
                                <select class="form-control" name="bayes1" id="bayes1">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="bayes2" class="input-group-addon" id="cs2">normalize</label>
                                <select class="form-control" name="bayes2" id="bayes2">
                                    <option value="True">True</option>
                                    <option value="False" selected>False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="bayes3" class="input-group-addon" id="cs3">copy_X</label>
                                <select class="form-control" name="bayes3" id="bayes3">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(logist0,logist1,logist2,logist3)"
                           data-dismiss="modal"/>
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# Ridge #}
    <div class="modal fade" id="ridge_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    {#          添加表单#}
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ridge0" class="input-group-addon" id="cs1">fit_intercept</label>
                                <select class="form-control" name="ridge0" id="ridge0">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ridge1" class="input-group-addon" id="cs2">normalize</label>
                                <select class="form-control" name="ridge1" id="ridge1">
                                    <option value="True">True</option>
                                    <option value="False" selected>False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ridge2" class="input-group-addon" id="cs3">copy_X</label>
                                <select class="form-control" name="ridge2" id="ridge2">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs4">max_iter</label>
                                <input type="text" class="form-control" id="ridge3" name="ridge3" placeholder="1000"
                                       value="1000">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ridge4" class="input-group-addon" id="cs5">solver</label>
                                <select class="form-control" name="ridge4" id="ridge4">
                                    <option value="auto" selected>auto</option>
                                    <option value="svd">svd</option>
                                    <option value="cholesky">cholesky</option>
                                    <option value="lsqr">lsqr</option>
                                    <option value="sparse_cg">sparse_cg</option>
                                    <option value="sag">sag</option>
                                    <option value="saga">saga</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ridge5" class="input-group-addon" id="cs6">random_state</label>
                                <input type="text" class="form-control" id="ridge5" name="ridge5" placeholder="None">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(logist0,logist1,logist2,logist3)"
                           data-dismiss="modal"/>
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# K-means #}
    <div class="modal fade" id="kmean_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">n_clusters</label>
                                <input type="text" class="form-control" id="kan0" name="kan0" placeholder="8" value="8">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="kan1" class="input-group-addon" id="cs2">init</label>
                                <select class="form-control" name="kan1" id="kan1">
                                    <option value="k-means++" selected>k-means++</option>
                                    <option value="random">random</option>
                                    <option value="ndarray">ndarray</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs3">n_init</label>
                                <input type="text" class="form-control" id="kan2" name="kan2" placeholder="10"
                                       value="10">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs4">max_iter</label>
                                <input type="text" class="form-control" id="kan3" name="kan3" placeholder="300"
                                       value="300">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs5">random_state</label>
                                <input type="text" class="form-control" id="kan4" name="kan4" placeholder="None">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="kan5" class="input-group-addon" id="cs6">copy_X</label>
                                <select class="form-control" name="kan5" id="kan5">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="kan6" class="input-group-addon" id="cs7">algorithm</label>
                                <select class="form-control" name="kan6" id="kan6">
                                    <option value="auto" selected>auto</option>
                                    <option value="full">full</option>
                                    <option value="elkan">elkan</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
                {#          </form>#}
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    {# 特征提取 #}
    <div class="modal fade" id="pca_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                {#          <form name="small" action="{% url 'mlplatform:test' %}" method="post">#}
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="fe0" class="input-group-addon" id="cs1">copy</label>
                                <select class="form-control" name="fe0" id="fe0">
                                    <option value="True" selected>True</option>
                                    <option value="False">False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="fe1" class="input-group-addon" id="cs2">whiten</label>
                                <select class="form-control" name="fe1" id="fe1">
                                    <option value="True">True</option>
                                    <option value="False" selected>False</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="fe2" class="input-group-addon" id="cs3">svd_solver</label>
                                <select class="form-control" name="fe2" id="fe2">
                                    <option value="auto" selected>auto</option>
                                    <option value="full">full</option>
                                    <option value="arpack">arpack</option>
                                    <option value="randomized">randomized</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="fe3" class="input-group-addon" id="cs4">random_state</label>
                                <input type="text" class="form-control" id="fe3" name="fe3" placeholder="None">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
                {#          </form>#}
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# 特征选择 #}
    <div class="modal fade" id="ref_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                {#          <form name="small" action="{% url 'mlplatform:test' %}" method="post">#}
                <div class="modal-body">

                    {#          添加表单#}
                    {#          <div class="form-group">#}
                    {#            <label for="svm0" class="col-sm-2 control-label" id="cs1" style="float: left">C</label>#}
                    {#            <div class="col-sm-10" style="float: right">#}
                    {#              <input type="text" class="form-control" id="svm0" name="svm0" placeholder="1.0" value="1.0">#}
                    {#            </div>#}
                    {#          </div>#}


                    <div class="form-group">
                        {#            <label for="svm0" class="col-sm-2 control-label" id="cs1" style="float: left">C</label>#}
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">C</label>
                                <input type="text" class="form-control" id="ref0" name="ref0" placeholder="1.0"
                                       value="1.0">
                            </div>
                        </div>
                    </div>


                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ref1" class="input-group-addon" id="cs2">kernel</label>
                                <select class="form-control" name="ref1" id="ref1">
                                    <option value="rbf" selected>rbf</option>
                                    <option value="linear">linear</option>
                                    <option value="poly">poly</option>
                                    <option value="sigmoid">sigmoid</option>
                                    <option value="precomputed">precomputed</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ref2" class="input-group-addon" id="cs2">decision_function_shape</label>
                                <select class="form-control" name="ref2" id="ref2">
                                    <option value="ovo">ovo</option>
                                    <option value="ovr" selected>ovr</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label for="ref3" class="input-group-addon" id="cs2">random_state</label>
                                <input type="text" class="form-control" id="ref3" name="ref3" placeholder="1" value="1">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
                {#          </form>#}
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# 自动学习-分类 #}
    <div class="modal fade" id="classfication_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">time_left_for_this_task</label>
                                <input type="text" class="form-control" id="class0" name="class0" placeholder="60"
                                       value="60">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs2">per_run_time_limit</label>
                                <input type="text" class="form-control" id="class1" name="class1" placeholder="6"
                                       value="6">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    {# 自动学习-预测 #}
    <div class="modal fade" id="prediction_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
            <span type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </span>
                    <h4 class="modal-title" id="myModalLabel">
                        {% trans 'Fill in Parameters' %}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs1">time_left_for_this_task</label>
                                <input type="text" class="form-control" id="pred0" name="pred0" placeholder="60"
                                       value="60">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <div class="input-group m-b">
                                <label class="input-group-addon" id="cs2">per_run_time_limit</label>
                                <input type="text" class="form-control" id="pred1" name="pred1" placeholder="6"
                                       value="6">
                            </div>
                        </div>
                    </div>
                    <p>{{ b }}</p>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-primary" value="{% trans 'Sure' %}"
                           onclick="Save(svm0,svm1,svm2,svm3)"
                           data-dismiss="modal">
                    <input type="button" class="btn btn-warning" data-dismiss="modal" value="{% trans 'Cancel' %}"/>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    {% include 'basic/footer.html' %}
    {#  {% include '_component/corner-buttons.html' with back_to_top_only=True %}#}



{% endblock %}

{% block pageFootExtra %}
    <link href="{% static 'css/storage/data.css' %}" rel="stylesheet">
    <script src="{% static 'js/mlplatform/mlplatform.js' %}"></script>
    <script src="{% static 'js/vendor/bootstrap-paginator.js' %}"></script>
    <script src="{% static 'js/mlplatform/icheck.js' %}"></script>
    <script src="{% static 'js/mlplatform/in_cont.js' %}"></script>
    <script src="{% static 'js/mlplatform/index.js' %}"></script>

{% endblock %}
